@import 'tailwindcss';

html,
body,
#app {
  height: 100vh;
  width: 100vw;
  overflow: hidden;
}

.mx-context-menu {
  &.context-menu-mini {
    padding: 4px 0;

    .mx-context-menu-item {
      padding: 3px 6px;
      cursor: pointer;
      min-height: 30px;

      .label {
        font-size: 13px;
        line-height: 1;
      }
    }
  }
}

.s-table-row {
  .row-index {
    display: block;
  }
  .row-expand-btn {
    display: none;
  }
  &:hover {
    .row-index {
      display: none;
    }
    .row-expand-btn {
      display: flex;
      justify-content: center;
      align-items: center;
    }
  }
}

body {
  .tox-tinymce {
    border-width: 1px;
    border-radius: var(--el-input-border-radius, var(--el-border-radius-base));
    box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
  }
  .tox-textarea-wrap {
    display: flex;
    flex: 1;
  }
}
